/*body{background-color:#999;color:white;padding-top:20px;font-family:helvetica;font-size:12px;text-align: center;}*/

.pikachoose{
width:680px;
/* margin:0 auto 10px auto; */
}

/* This is the ul you have all your images in */
.pikachoose ul{
padding-left:0;
width:260px;
height:60px;
margin:0;
overflow:hidden;
}

.pikachoose ul li{
float: left;
/*border:1px solid #555;*/
/*padding:2px; */
background:#CCC;
margin:0px 12px 0px 0px;
position:relative;
overflow:hidden;
}

.pikachoose ul li div img{
position:relative;
cursor:pointer;
}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:680px;height:260px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:relative;}
.pika_subdiv{ position:relative;
/*border:1px solid #555;
background:#777; */
/*padding:2px; */
}
.pika_animationDivs{top:0px;left:0px;} /*must match top/left padding for subdiv */
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{
display:none;
width:675px;
height:16px;
padding:4px 10px;
text-align:left;
font-size:12px;
color: #8A8A8A;
text-transform:uppercase;
font-family: Verdana, Helvetica, Arial;
margin-bottom:8px;
/*position:absolute;
bottom:7px;
left:3px; 
background:url('/components/com_arts_curriculum/js/images/black.png') top left;}*/
}


.pika_caption a{color:white;}
/*.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;} */
/*.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('/components/com_arts_curriculum/js/images/play.png') top center no-repeat;} */
/*.pika_play a.pika_stop_button{background:url('/components/com_arts_curriculum/js/images/pause.png') top center no-repeat;}*/

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{ 
display:none;
padding-top:10px;
clear:both;
text-align:center;
}

/* added for carret test */
div.pika_selected{
border-top:3px solid #8a8a8a;
}

/* if you want to 'hide' these jus make their height and width 1px */
/*.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('/components/com_arts_curriculum/js/images/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('/components/com_arts_curriculum/js/images/fastf.png') top right no-repeat;} */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:1px;width:1px;background:url('/components/com_arts_curriculum/js/images/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:1px;width:1px;background:url('/components/com_arts_curriculum/js/images/fastf.png') top right no-repeat;}

